<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>飞机打字</title>
  <link rel="stylesheet" href="media/css/game.css">
  <script type="text/javascript" src="media/js/ztype.js"></script>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="alternate icon" class="js-site-favicon" type="image/png"
        href="images/favicon.png">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/footer.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/practise.css">
  <link rel="stylesheet" href="css/yuhao.css">
  <script type="text/javascript" src="js/static/jq.js"></script>
  <script type="text/javascript" src="js/static/axios.min.js"></script>
  <script type="text/javascript" src="js/static/pinyin-pro.js"></script>
  <script type="text/javascript" src="js/static/boot.js"></script>
  <link href="js/static/boot.css" rel="stylesheet">

  <script type="text/javascript"
          src="js/static/fontawesome-all-v6.5.1.js"></script>
  <link href="js/static/google-fonts.css" rel="stylesheet"/>
  <!--script src="https://unpkg.com/pinyin-pro"></script-->

  <script type="text/javascript" src="utils/host.js"></script>
  <script type="text/javascript" src="utils/yuhao.js"></script>
  <script type="text/javascript" src="js/storage.js"></script>
  <script type="text/javascript" src="js/common.js"></script>

  <title>星陈·打字游戏</title>
</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed"
              data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">
        <img alt="Brand" src="images/brand.png" class="my-brand">
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav module-left">
        <li><a href="index.html">首页 </a></li>
        <li><a href="study.html">新手指南</a></li>
        <li>
          <a href="#" class="dropdown-toggle color-yellow"
             data-toggle="dropdown" role="button"
             aria-haspopup="true" aria-expanded="false"> 练习程序<span
            class="caret"></span>
            <ul class="dropdown-menu">
              <li><a href="practice_light.html">光华·打字练习</a></li>
              <li><a href="practice_star.html">星陈·打字练习</a></li>
              <li><a href="practice_toy.html">卿云·打字练习</a></li>

<!--              <li><a href="game_light.html">光华·打字游戏</a></li>-->
<!--              <li><a href="game_star.html">星陈·打字游戏</a></li>-->
              <li><a href="game_toy.html">卿云·打字游戏</a></li>
              <!--
              <li><a href="practisePro.html">必拆字练习</a></li>
              <li><a href="freePractise.html">自由练习</a></li>
              -->
              <!-- <li role="separator" class="divider"></li> -->
            </ul>
          </a>
        </li>
        <li><a href="search.html">拆分查询<span class="sr-only"></span></a></li>

        <li><a href="download.html">下载安装<span class="sr-only"></span></a>
        </li>
        <!--li><a href="tools.html">实用工具<span class="sr-only"></span></a></li-->

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"
             role="button" aria-haspopup="true"
             aria-expanded="false">
            加入组织<span class="caret"></span></a>
          <ul class="dropdown-menu">

            <li><a href="https://jq.qq.com/?_wv=1027&k=2OYDP4Tk">宇浩官方群</a>
            </li>
            <li><a href="https://t.me/yuhaoim">Telegram群</a></li>
            <li><a href="https://github.com/forFudan/yuhao/">Github官方仓库</a>
            </li>

            <!-- <li role="separator" class="divider"></li> -->
          </ul>
        </li>
        <li><a href="https://kylebing.cn/tools/typepad/">玫枫跟打<span
          class="sr-only"></span></a></li>
      </ul>

      <!--
      <ul class="nav navbar-nav navbar-right module-right logbtn-box">
        <li><a href="login.html" class="login-btn brand-btn">登录</a></li>
        <li><a href="register.html" class="sign_up-btn brand-btn">注册</a></li>
      </ul>
      -->

      <ul class="nav navbar-nav navbar-right module-right hidden">
        <li class="hello"><span><span id="loginTime"></span>，<span
          id="uname"></span><span><a href="#"
                                     id="logout"> 注销</a></span></span>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="col-md-8" style="text-align:center;">
  <label for="input"></label><input id="input" class="form-control" style="display: inline-block;" type="text">
</div>

<br><br>

<div class="main-content">
  <div class="h-100">
    <!--  +++++++++++++++++++++++++  -->

    <h3>输入对应掉下来的字符</h3>


    <div id="ad" style="display: block;"></div>
    <div id="game">
      <canvas style="cursor: auto;" height="640" width="360" id="canvas">
        <div id="nocanvas"> 想玩这款游戏？你需要有个不错的浏览器.</div>
      </canvas>

    </div>
    <!-- +++++++++++++++++++++++++ -->
  </div> <!-- h-100 -->
  <br><br><br><br>
  <div id="layer_rank" class="row mt-10">
    <div class="col-md-2"></div>
    <div class="col-md-8  bg-white primary-shadow ">
      <div class="drww-box">
        <div class="title"><span>宇浩名人榜</span></div>
        <div class="mini_title"><span>该排名实时刷新，每季度重置一次。</span>
        </div>
        <div class="rank mt-10 ">
          <div class="rank-header">
            <div class="he1">排名</div>
            <div class="he2">昵称</div>
            <div class="he3">分数</div>
            <div class="he3">连击</div>
            <div class="he4">段位</div>
            <div class="he5">方案</div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-2"></div>
  </div>
  <!--  +++++++++++++++++++++++++  -->

</div>

<div class="footer hidden visible-lg">
  <div class="row">
    <div class="col-xs-12 col-md-4">
      <img src="images/brand.png" alt="helloworld综合资源web服务"
           class="my-brand1">
      <p class="footer-title1">宇浩输入法 </p>
    </div>

    <div class="col-xs-12 col-md-4">
      <ul class="rec-list flex-col">
        <li><span class="footer-title">友情链接</span></li>
        <li><a href="https://rime.im/">RIME输入法(PC)</a></li>
        <li><a href="https://github.com/EasyIME/PIME/releases">PIME输入法(RIME的WIN10优化版)</a>
        </li>
        <li><a href="https://fcitx5-android.github.io">小企鹅输入法(手机)</a>
        </li>
        <li><a href="https://github.com/osfans/trime">同文输入法(手机)</a></li>
        <li><a href="https://www.jsxiaoshi.com/">极速打字网</a></li>
      </ul>
    </div>

    <div class="col-xs-12 col-md-4">
      <ul class="about-list flex-col">
        <li><span class="footer-title">关于</span></li>
        <li><a href="#">关于宇浩码</a></li>
        <li><a href="#">关于作者</a></li>
      </ul>
    </div>

  </div>
</div>


<script type="text/javascript" src="js/dict_star.js"></script>
<script type="text/javascript" src="js/root_star.js"></script>
<script type="text/javascript" src="js/root_init.js"></script>
<script type="text/javascript">window.initGame();</script>

</body>
</html>
